<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/jquery-3.5.1.min.js"></script>
</head>
<body>
    <div>商品编号:<span id="itemId"></span></div>
    <div>商品价格:<span id="itemPrice"></span></div>
</body>
<script>
    //jquery提供ajax,参数是一个js对象{}
$.ajax({
    type:"POST",//发起一个POST请求
    url:"https://p.3.cn/prices/mgets?skuIds=J_100005185603",
    data:{//参数又是一个js对象
       "skuIds":"J_100005185603"
    },
    contentType:"application/json;charset=utf-8",
    dataType:"jsonp",  //跨域
    success:function(data){
        console.log("访问成功")
        console.log(data)
        var item=data[0];

        var itemId=item.id;
        var itemPrice=item.p;
        console.log(itemId);
        console.log(itemPrice);

        var id=$("#itemId");
        id.text(itemId);
        id.css("color","blue");

        var price=$("#itemPrice");
        price.text(itemPrice);
        price.css("color","red");
    },
    error:function(e){
           console.log("访问失败")
    }
})

</script>
</html>